// pages/pet/index.js
const {flyio} = require("../../utils/fly.js")

Page({

  /**
   * 页面的初始数据
   */
  data: {
    top_btn:0,
    top_list: [],    //分类列表
    currentTab:0,
    imgUrls: [
      "/images/cat1.png",
      "/images/cat2.png",
      "/images/cat3.png"
    ],
    scroll_leftL: 0,
    // 总动态列表
    dynamic:[],
    // 筛选后的动态列表
    sreach_dynamic:[],
    isshow:false,      //遮罩层是否显示的判断
    comment_list:[],     //点击后对应动态的数据

    // 以下为问答专区的数据
    // 问答区列表数据
    question_list:[],
    // 点击某个问答后的数据
    question_item_data:[],


    // 以下为科普专区的数据
    cardData: {
      image:"/images/cat1.png",
      title: '猫咪的20种肢体语言',
      desc: '终于知道猫咪心里在想什么了',
      readCount: 56
    }
  },
  // 广场 问答 科普按钮
  handle_top(e){
    // 判断是哪个按钮点的
    const index = e.currentTarget.dataset.idx
    this.setData({top_btn:index})

  },
  // 头部广场的导航栏
  handle_button(e){
    const index = e.currentTarget.dataset.idx;
    this.setData({
      currentTab:index
    })
    // 进行每一个分类的跳转交互
    if(index != 0){
      const result = this.data.dynamic.filter(item => item.categoryId == index)
      this.setData({
        sreach_dynamic:result,
        
      })
    }
    // 全部动态
    else{
      this.setData({
        sreach_dynamic:this.data.dynamic,
        
      })
    }
    

  },
  // 预览图片
  previewImage(e) {
    const url = e.currentTarget.dataset.url;
    wx.previewImage({
      urls: this.data.imgUrls,
      current: url
    });
  },

  // 点赞交互
  onLike() {
    this.setData({
      likeNum: this.data.likeNum + 1
    });
    wx.showToast({ title: '点赞成功～', icon: 'none' });
  },

  // 评论交互（跳转评论页等，需实现对应逻辑）
  onComment(e) {
    // 拿到被点击动态的数据
    const comment_data = e.currentTarget.dataset.comment
    this.setData({isshow:true, comment_list:comment_data})
  },
  // 评论区返回
  back(){
    this.setData({isshow:false})
  },

  // 分享交互
  onShare() {
    wx.showToast({ title: '分享成功～', icon: 'none' });
    // 可调用 wx.shareAppMessage 配置分享内容
  },

  // 问答和科普区的标签点击跳转到对应的遮罩区
  handle_question_btn(){
    this.setData({isshow:true})
  },

  // 问答区跳转详情页时传数据
  handle_question(e){
    const data = e.currentTarget.dataset.question_item_data
    this.setData({
      question_item_data:data,
      isshow:true
    })
  },
  

  /**
   * 生命周期函数--监听页面加载
   */
  async onLoad(options) {
    // 加载分类列表
    let res = await flyio.get('/categories')
    this.setData({
      top_list:res.data
    })
    
    // 加载动态列表
    let {data} = await flyio.get('/posts')
    this.setData({
      dynamic:data, sreach_dynamic:data
    })

    // 加载问答列表
    let question_data = await flyio.get('/question_data')
    this.setData({
      question_list:question_data.data
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  async onReachBottom() {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})